@import "setting";
/*form*/
.m-form{position: relative;display: block;line-height: 51px;font-size: 12px;color: $color-base; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.m-form legend{font-size:14px;font-weight:bold;}
.m-form .lab{float:left;width:90px;margin-right:-90px;text-align:right;font-weight:normal;}
.m-form .ipt{margin-left:100px;}
.m-form .ipt-nl{margin-left:0;margin-right:0;}
.m-form .ipt img {height: 32px;margin: 0 15px 0 5px;}
.m-form .ipt-nl p,
.m-form .ipt p {height: 22px;line-height: 22px;color: #999;}
.m-form .ipt-code{height: 34px; line-height: 24px;margin-top:7px;*margin-top:15px;color: #8f8f8f;font-size: 14px; background: #fff; border:1px solid #d9d9d9;}
.m-form .ipt-code input{border:none;}
.m-form .ipt-code img{ width:70px;height: 28px;margin: 0 0;}
.m-form .ipt-code *{vertical-align: middle;}
.m-form .ipt-code .refresh{position: relative;display:block;*display:inline;*zoom:1;width: 20px;height: 20px;margin: 0px 0px 0px 5px;line-height: 24px;
  background: url('../images/user/icon-user.png') no-repeat -183px -154px;}
.m-form .ipt *{vertical-align:middle;}
.m-form .radio{position: relative;float: left;height: 24px;margin: 6px 40px 6px 0;padding: 0 6px 0 20px;line-height: 24px;}
//background: url('../images/radio.png') no-repeat 0 -68px;
.m-form .radio input{position: absolute;top: 0;left: 0;z-index: 1;display: block;width: 100%;height: 100%;.opacity(0);cursor: pointer;}
.m-form .checkbox{position: relative;float: left;height: 24px;margin: 6px 24px 6px 0;line-height: 24px;}
.m-form .checkbox input{position: absolute;top: 0;left: 0;z-index: 1;display: block;width: 100%;height: 100%;.opacity(0);cursor: pointer;}
.m-form .checkbox .no{color: #bcbcbc;}
.m-form .checkbox .yes{display: none;color: $color-hover-bg;}
.m-form .checkbox.z-sel .yes{display: inline-block;*display: inline;*zoom: 1;}
.m-form .checkbox.z-sel .no{display: none;}
.m-form .input{position: relative;float: left;display: inline;height: 36px;margin-right: 12px;}
.m-form .input input{display: block;width: 160px;height: 18px;padding: 8px 12px;line-height: 18px;color: $color-base;border: 1px solid $color-ipt;
  .border-radius(3px);
  .transition(.3s);
}
.m-form .has-error input{border-color: #990D1B;}
.m-form .has-error .error{color: #990D1B;}
.m-form .input input:disabled{background-color: transparent;}
.m-form .input.s-long input{width: 320px;}
.m-form .input.s-short input{width: 56px;padding-left: 0;padding-right: 0;text-align: center;}
.m-form .input + .tip{line-height: 36px;font-size: 12px;color: #999;}
.m-form .select{position: relative;float: left;width: 184px;height: 34px;border: 1px solid $color-ipt;cursor: pointer;
  .border-radius(3px);
}
.m-form .select-ipt{padding: 0 12px;}
.m-form .select-text{line-height: 34px;font-size: 12px;color: $color-base;}
.m-form .select-btn{position: absolute;top: 15px;right: 10px;
  .triangle_down(5px,#999);
}
.m-form .select-menu{position: absolute;top: 34px;left: -1px;z-index: 100;display: none;width: 100%;max-height: 162px;background-color: #fff;border: 1px solid $color-ipt;overflow: auto;
  .border-radius(0 0 3px 3px);
}
.m-form .select-menu a{display: block;height: 32px;padding: 0 12px;line-height: 32px;color: #666;}
.m-form .select-menu a:hover{background-color: #f1f1f1;}
.m-form .select.z-open{.border-radius(3px 3px 0 0);}
.m-form .select.z-open .select-menu{display: block;}
.m-form .select.z-def .select-text{color: #c9c9c9;}
.m-form textarea{width: 775px;height: 136px;padding: 9px;line-height: 20px;font-size: 14px;color: $color-base;border: 1px solid $color-ipt;
  .border-radius(3px);
}
.m-form .astro{position: relative;float: left;}
.m-form .astro input{width: 200px;height: 36px;line-height: 36px;font-size: 12px;color: $color-base;border: 0 none;background-color: transparent;}
.m-form .date{float: left;height: 36px;}
.m-form .date .item{float: left;width: 54px;height: 34px;margin-right: 16px;text-align: center;line-height: 34px;font-size: 12px;color: $color-base;border: 1px solid $color-ipt;cursor: pointer;}
.m-form .date input{display: none;}
.m-form .date span{color: #a2a2a2;}
.m-form .send{float: left;width: 93px;height: 36px;text-align: center;line-height: 36px;font-size: 12px;color: #fff;background-color: $color-hover-bg;border: 0 none;cursor: pointer;
  .border-radius(3px);
}
.m-form .formitm-1{padding-left:100px;}
.m-form .submit{display: block;width: 96px;height: 36px;text-align: center;line-height: 36px;font-size: 12px;color: #fff;background-color: $color-hover-bg;border: 0 none;cursor: pointer;
  .border-radius(3px);
}
.m-form .submit:hover{background-color: $color-base;}
.m-form .send.z-dis,
.m-form .submit.z-dis{background-color: $color-btn-hover;}
.m-form .parting{margin-top: 30px;padding: 12px 0 0 12px;line-height: 36px;font-size: 12px;color: $color-base;border-top: 1px solid #ececec;}
.m-form textarea:focus,
.m-form .input input:focus{border-color: rgba(#52a8ec, 80%);
  .box-shadow(0 0 8px rgba(82, 168, 236, 0.6));
}
.m-form textarea.z-error,
.m-form .input input.z-error{border-color: #a94442;}
.m-form textarea.z-error:focus,
.m-form .input input.z-error:focus{.box-shadow(0 0 6px #ce8483);}
.m-form textarea.z-warn,
.m-form .input input.z-warn{border-color: #8a6d3b;}
.m-form textarea.z-warn:focus,
.m-form .input input.z-warn:focus{.box-shadow(0 0 6px #c0a16b);}
.m-form textarea.z-success,
.m-form .input input.z-success{border-color: #3c763d;}
.m-form textarea.z-success:focus,
.m-form .input input.z-success:focus{.box-shadow(0 0 6px #67b168);}
.m-form .u-beauty + label {padding-left: 5px;}
.m-form .formitm .u-beauty {margin-right: 4px;}
.m-form .formitm .inline {padding-top: 7px;}
.m-form .formitm .inline + .inline {margin-left: 10px;}
.m-form .form-group{}
.m-form .form-group .lab{position:relative;top:-2px;float: none;display:inline-block; *display:inline;*zoom:1;width:118px;margin-right:0;margin-left:0px;}
.m-form .form-group  .select2-selection--single{
  .border-radius(0 3px 3px 0);
}
/*rewrite*/
.m-form .form-group .u-ipt{width:166px;}
.m-form .btn-group{}
.m-form .btn-group .btn{   display: inline-block;*display:inline;*zoom:1; height: 40px;  line-height: 40px;padding:0 40px;letter-spacing: 1px;  text-align: center; vertical-align: middle;word-spacing: normal;
  font-size: 14px; cursor: pointer;color: #fff;
  background: #29b1fe none repeat scroll 0 0;
  border: none;
  box-sizing: content-box;
  .box-shadow(0 2px #0088d6);
  .border-radius(3px);}
.m-form .btn-group  .btn.s-green{
  background: #65b70a none repeat scroll 0 0;
  .box-shadow(0 2px #5aa507);
}
.m-form .error{color:#ff0000;}
.m-form label.error{margin-left:4px;}
.m-form .send-code{display:inline-block;*display:inline;*zoom:1;width: 93px;height: 36px;text-align: center;line-height: 36px;font-size: 12px;color: #666;background-color: $color-hover-bg;border: 0 none;cursor: pointer;
  .border-radius(3px);}
.m-form .send-code:hover{background-color: #0085ff;}
.m-form .send-code.z-dis{background-color: #ccc;color:#fff;}

.m-form-row{position: relative;z-index: 1;min-height: 36px;padding-left: 84px;zoom: 1;}
.m-form-row:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.m-form-row + .m-form-row{margin-top: 18px;}
.m-form-row .tag{position: absolute;top: 0;left: -39px;display: block;width: 98px;padding-right: 26px;text-align: right;}
.m-form-row .tag span{position: relative;left: -2px;top: -2px;color: #ff0000;}
.m-form-row a.phone{font-size: 12px;color: $color-base;}

/*ͷ��*/
/*logo*/
.m-logo{float:left;width: 25%;margin-top:10px;line-height: 40px;}
.m-logo a{float:left;}
.m-logo h1{display:inline-block;*display:inline;*zoom: 1;width: 263px;height:40px;background: url("../images/logo.png") no-repeat;
  $media (min-width: $screen-lg) {
    height:40px;
  }
}
.m-logo .lang{margin-top:15px;padding:0 4px;color: #0085ff;font-size: 12px;border:1px solid #0085ff;line-height: 14px;overflow: hidden;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.m-logo .lang:hover{color: #fff;border-color: #fff;}
/*����*/
.m-menu{float:left;width:15%;position:relative;height:60px;
  $media (min-width: $screen-lg) {
    height:60px;
  }
}
.m-menu ul{position:absolute;z-index:2;width:100%;margin:0;paddding:0; text-align: center}
.m-menu li{display:block;float:left;list-style:none;margin-right:10px;white-space: nowrap;}
.m-menu li a{display:block;padding: 0 12px;line-height: 60px;color: #fff;font-size: 18px;}
.m-menu li a:hover{color: #0085ff;text-decoration: none;}
.m-menu li.z-sel{color: #0085ff;}
.m-menu li.z-sel a{color: #0085ff; text-decoration: none;}
.m-menu .menu-bg{position: absolute;z-index:2;left:0; bottom:0;
  width: 58px;
  height:3px;
  background-color: #0085ff;}
/*ͷ������*/
.m-top-sch{position:relative;z-index:2;float:left;width: 25%;padding-top:10px;}
.m-top-sch .ipt{float:left;height:40px;width:74%;background-color: #000;border:1px solid transparent;padding:0 25px 0 10px;
  font-size: 12px;
  line-height: 30px;
  color: #fff;
  .border-radius(3px);
  .transition(0.3s);
}
.m-top-sch ::-webkit-input-placeholder{color: #666;
}
.m-top-sch :-moz-placeholder,
.m-top-sch  ::-moz-placeholder{color: #666;}
.m-top-sch .ipt:focus{border:1px solid #0085ff;
  .box-shadow(0 1px 5px rgba(0, 153, 255, 0.175));
  .transition(0.3s);
}
.m-top-sch button{display:block;position:relative;float:left;z-index:2;width: 25px;height:25px;margin-left:-36px;margin-top:10px;border:0; background: none;background: url("../images/icon.png") no-repeat -36px -29px;}
.m-top-sch i{position:absolute;left:0;bottom:0px;z-index:3;display:inline-block;*display: inline;*zoom: 1;float:left;width: 25px;height:25px;padding:0;}
/*Top login*/
.m-top-usr{float:left;width:34.50%;}
.m-top-usr ul{float:right;text-align: right;padding-top:0px;}
.m-top-usr li{position:relative;float:left;display:block;}

.m-top-usr .login,
.m-top-usr .reg,
.m-top-usr .logined,
.m-top-usr .history,
.m-top-usr .share,
.m-top-usr .favo,
.m-top-usr .Qrcode{position:relative;display: block;z-index:2;padding: 0 10px;line-height: 60px;color: #666;}
.m-top-usr li.z-sel,
.m-top-usr li:hover{background-color: #2d2d2d;}
.m-top-usr li.z-sel a,
.m-top-usr li:hover a{color: #0085ff;}

//.m-top-usr .reg{display:block;position:relative;z-index:3;color: #666;font-size: 12px;margin-top:15px;margin-left:-30px;line-height: 15px;border-right:1px solid #666;padding-right:5px;}
//.m-top-usr .reg:hover{color: #0085ff;}
//.m-top-usr .login{display:block;position:relative;color: #666;font-size: 12px;margin-top:15px;margin-left:-30px;line-height: 15px;}
//.m-top-usr .login:hover{color: #0085ff;}
//.m-top-usr .login i{position:relative;top:6px;display:inline-block;*display:inline;*zoom:1;width: 25px;height: 25px;background: url("../images/icon.png") no-repeat -337px -54px;}

.m-top-usr .logined{position:relative;z-index:2;color:#666;font-size: 12px;height:60px;overflow: hidden;}
.m-top-usr .logined .avatar{float:left;display: block;width: 20px;height: 20px;overflow: hidden;margin-top:20px;margin-right:2px;
  .border-radius(10px);
}
.m-top-usr .logined .avatar img{display:block;width: 100%;height: 100%;}
.m-top-usr .logined .name{display: inline-block;*display: inline;*zoom: 1;width:50px; text-align: left;
  .text-overflow();
}
.m-top-usr .favo i{position:relative;top:5px;display:inline-block;*display:inline;*zoom:1;width: 16px;height: 16px;background: url("../images/icon.png") no-repeat -96px -38px;}
.m-top-usr .share i{position:relative;top:5px;display:inline-block;*display:inline;*zoom:1;width: 16px;height: 16px;background: url("../images/icon.png") no-repeat -157px -38px;}
.m-top-usr .history i{position:relative;top:5px;display:inline-block;*display:inline;*zoom:1;width: 16px;height: 16px;background: url("../images/icon.png") no-repeat -219px -38px;}
.m-top-usr .Qrcode i{position:relative;top:5px;display:inline-block;*display:inline;*zoom:1;width: 16px;height: 16px;background: url("../images/icon.png") no-repeat -279px -38px;}

.m-top-usr .favo:hover i,
.m-top-usr li:hover .favo i,{background-position: -96px -64px;}
.m-top-usr .share:hover i,
.m-top-usr li:hover .share i{background-position: -157px -64px;}
.m-top-usr .history:hover i,
.m-top-usr li:hover .history i{background-position: -219px -64px;}
.m-top-usr .Qrcode:hover i,
.m-top-usr li:hover .Qrcode i{background-position: -279px -64px;}
.m-top-usr .dropdown{display:none;position: absolute;top:0;left:0;padding-top:60px;float: none;text-align:center;}
.m-top-usr .dropdown .arrow{display: none;}
.m-top-usr li.z-sel .dropdown,
.m-top-usr li:hover .dropdown{display:block;}
.m-top-usr .dropdown ul{background-color: #2e3132;padding:0 0 10px 0;margin:0;}
.m-top-usr .dropdown li{float:none;display:block;padding:0;margin:0;min-width:92px;text-align:left;}
.m-top-usr .dropdown li a{display:block;padding:0 10px 0 10px;line-height: 28px;color: #8e8e8e;font-size: 12px;white-space: nowrap;}
.m-top-usr .dropdown li a:hover{color: #0085ff;background-color: #1f2223;}
.m-top-usr .dropdown li:first-child{background-color: transparent;}
/*�û�ͼ��*/
.m-top-usr i.base{position:relative;top:2px;display:inline-block;*display:inline;*zoom:1;width: 16px;height: 16px;margin-right:7px;background: url("../images/icon.png") no-repeat -384px -64px;}
.m-top-usr i.avatar{position:relative;top:2px;display:inline-block;*display:inline;*zoom:1;width: 16px;height: 16px;margin-right:7px;background: url("../images/icon.png") no-repeat -417px -64px;}
.m-top-usr i.pw{position:relative;top:2px;display:inline-block;*display:inline;*zoom:1;width: 16px;height: 16px;margin-right:7px;background: url("../images/icon.png") no-repeat -451px -64px;}
.m-top-usr i.safe{position:relative;top:2px;display:inline-block;*display:inline;*zoom:1;width: 16px;height: 16px;margin-right:7px;background: url("../images/icon.png") no-repeat -484px -64px;}
.m-top-usr i.exit{position:relative;top:2px;display:inline-block;*display:inline;*zoom:1;width: 16px;height: 16px;margin-right:7px;background: url("../images/icon.png") no-repeat -517px -64px;}
.m-top-usr a:hover i.base{background: url("../images/icon.png") no-repeat -384px -38px;}
.m-top-usr a:hover i.avatar{background: url("../images/icon.png") no-repeat -417px -38px;}
.m-top-usr a:hover i.pw{background: url("../images/icon.png") no-repeat -451px -38px;}
.m-top-usr a:hover i.safe{background: url("../images/icon.png") no-repeat -484px -38px;}
.m-top-usr a:hover i.exit{background: url("../images/icon.png") no-repeat -517px -38px;}
/*�ղ�*/
.m-top-usr .favo-history{}
.m-top-usr .favo-history li{min-width:258px;}
.m-top-usr .favo-history a{width:258px;}
.m-top-usr i.itm{position:relative;top:2px;display:inline-block;*display:inline;*zoom:1;width: 16px;height: 16px;margin-right:3px;background: url("../images/icon.png") no-repeat -517px -64px;}
.m-top-usr a:hover i.itm{position:relative;top:2px;display:inline-block;*display:inline;*zoom:1;width: 16px;height: 16px;margin-right:3px;background: url("../images/icon.png") no-repeat -517px -38px;}
.m-top-usr .favo-history .more{border-top:1px solid #4c4c4c;border-bottom:1px solid #4c4c4c;margin-bottom:-10px;line-height: 36px;
  text-align: center;}
.m-top-usr .favo-history .more a{ color: #8e8e8e;}
.m-top-usr .favo-history .more a:hover{color: #0085ff;}
/*��¼Ϊ��*/
.m-top-usr .empty{left:0;}
.m-top-usr .empty  p{min-width:115px;background-color: #2e3132;padding:40px 0 40px;margin:0;font-size: 12px;color: #595959;}
.m-top-usr .empty a{display: inline-block;*dislay:inline;*zoom:1;margin-top:10px;color: #fff !important;background-color: #0085ff;line-height: 30px;padding: 0 8px;
  .border-radius(1px);}
/*�关注�*/
.m-top-usr .drop-share{display:none;right:0;left:auto;}
.m-top-usr .drop-share .arrow{}
.m-top-usr .drop-share ul{min-width:604px;width:auto;padding:30px 0 0 30px;}
.m-top-usr .drop-share li{float:left;margin-left:20px; text-align: center;}
.m-top-usr .drop-share li:hover{background-color: transparent;}
.m-top-usr .drop-share li:first-child{margin-left:0;}
.m-top-usr .drop-share img{display: block;width:178px;height:178px;}
.m-top-usr .drop-share p{font-size: 12px;color: #8e8e8e;margin-left:-16px;padding:10px 0 20px;}
.m-top-usr .drop-share i.wx{position:relative;top:2px;display:inline-block;*display:inline;*zoom:1;width: 16px;height: 16px;background: url("../images/icon.png") no-repeat -549px -38px;}
.m-top-usr .drop-share i.wb{position:relative;top:2px;display:inline-block;*display:inline;*zoom:1;width: 16px;height: 16px;background: url("../images/icon.png") no-repeat -549px -64px;}
/*�关注-en�*/
.m-top-usr .drop-share-en{display:none;right:0;left:auto;}
.m-top-usr .drop-share-en ul{width:325px;padding:25px 10px 25px;}
.m-top-usr .drop-share-en li{float:none; text-align: left;margin-top:20px;  font-size: 14px;color: #808080;}
.m-top-usr .drop-share-en li:first-child{margin-top:0;}
.m-top-usr .drop-share-en li p{float:left;width:255px;line-height:18px;border:1px solid #808080;font-size: 12px;color: #8e8e8e;padding:0px 10px;}
.m-top-usr .drop-share-en em{font-weight: normal;}
.m-top-usr .drop-share-en .error{color: #990D1B;margin-top:10px;}
.m-top-usr .drop-share-en li span{position:relative;z-index:2;z-index:0;float:left;padding: 0 6px;margin-left:-1px;line-height:18px;border:1px solid #808080;cursor: pointer;}
.m-top-usr .drop-share-en li span:hover{border-color: #0085ff;color: #0085ff;}
/*��ά��*/
.m-top-usr .drop-qrc{right:0;left:auto;}
.m-top-usr .drop-qrc .arrow{left:100%;margin-left:-20px;}
.m-top-usr .drop-qrc ul{min-width:330px; padding:30px 40px 20px;
  .box-shadow(0 0 0 0);
}
.m-top-usr .drop-qrc li{float:left;display: inline-block;*display: inline;*zoom: 1;width:150px;padding-top:30px;text-align:center;font-size: 12px;color: #808080;line-height: 38px;}
.m-top-usr .drop-qrc li:first-child{width:180px;padding-top:0;}
.m-top-usr .drop-qrc img{width:180px; height: 180px;}
.m-top-usr .drop-qrc li a{display:inline-block;*display: inline;*zoom: 1;padding:0 18px;color: #fff;background-color: #0085ff;line-height: 38px;
  .border-radius(1px);
}
.m-top-usr .drop-qrc li a:hover{background-color:#0085ff;color: #f2f2f2;}
/*login*/
//.m-top-usr .drop-login{display: none;margin-left:-180px; text-align:left;}
//.m-top-usr .drop-qrc .arrow{}
//.m-top-usr .drop-login .tabs{width:300px;padding:20px 20px 0;background-color: #2e3132;line-height: 30px;}
//.m-top-usr .drop-login .tab-hd{ text-align: center;}
//.m-top-usr .drop-login .tab-hd a{display:block;float:left;width:50%;color: #c3c3c3;font-size: 16px;}
//.m-top-usr .drop-login .tab-hd a.z-sel{color: #0085ff;}
//.m-top-usr .drop-login p.tip{line-height:1em;}
//.m-top-usr .drop-login .go-reg a,
//.m-top-usr .drop-login .go-forget a{color: #29b1fe;}

/*rewrite*/
.m-top-usr .u-ipt-lg{width:288px;}
.m-top-usr .u-ipt{width:185px;}
.m-top-usr .has-error{line-height:30px;}

/*footer*/
.m-footer{width: 1200px;margin:0 auto;}
.m-footer .link{padding-top:33px;}
.m-footer .link a{padding:0 9px;font-size: 14px;color: #666666;border-left:1px solid #9d9d9d;text-decoration:none;}
.m-footer .link a:hover{color: $color-base;}
.m-footer .link a:first-child{border-left: none;}
.m-footer .copy a,
.m-footer .copy{padding-top:8px;font-size: 12px;color: #999999;}
.m-footer .zh-copy{padding:8px 0 33px;font-size: 12px;color: #999999;}

/*404*/
.m-404{min-height:642px;margin-top:5px;}
.m-404 .inner{padding:50px;text-align: center;}
.m-404 i.icon{  display:block;width: 70px;  height: 100px;  margin:20px auto;vertical-align: middle; background: url("..../images/icon.png") no-repeat scroll -563px -129px;}
.m-404 .text{padding:10px 40px 130px;color: #fff;font-size: 14px;}
.m-404 a{color: #0085ff; text-decoration: none;font-size: 14px;}
.m-404 a:hover{color: #f2f2f2;}
